// confirm 修改弹窗组件样式 
/*  confirm begin */
.el-message-box {
    padding: 34px 24px 29px;
    width: 520px;
    box-sizing: border-box;

    .el-message-box__header {
        padding: 0;

        .el-message-box__title {
            font-size: 16px;
            line-height: 1;
            color: $--color-text-primary;
            font-weight: 500;
        }

        .el-message-box__headerbtn {
            top: 0;
            right: 4px;
            .el-icon-close {
                padding: 8px;
                margin-top: -8px;
                font-size: 14px;
                border-radius: 50%;
                color: $--color-text-regular;
            }
            .el-icon-close:hover {
                background: $--icon-hover-color;
                color: $--color-text-regular;
            }
        }
    }

    .el-message-box__content {
        padding: 40px;
        color: $--color-text-primary;
        font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;

        .icon-warning {
            width: 24px;
            height: 24px;
            background: url("~img/popup/warning.png") no-repeat center;
            background-size: contain;
        }

        .icon-success {
            width: 24px;
            height: 24px;
            background: url("~img/popup/sucess.png") no-repeat center;
            background-size: contain;
        }

        .icon-error {
            width: 24px;
            height: 24px;
            background: url("~img/popup/error.png") no-repeat center;
            background-size: contain;
        }

    }

    .el-message-box__btns {
        .el-button {
            min-width: 76px;
            height: 32px;
            font-size: 14px;
            border-radius: 2px;
            font-weight: 400;
            color:$--button-primary-background-color;
            border-color: $--button-primary-background-color;

        }

        .el-button:hover {
            color: $--color-white;
            border-color: $--button-hover-primary-background-color;
            background-color:$--button-hover-primary-background-color;
        }

        .el-button--primary {
            color:  $--color-white;
            background: $--button-primary-background-color;
            border: 1px solid $--button-primary-background-color;;
        }

        .el-button--primary:hover {
            color: $--color-white;
            background:  $--button-hover-primary-background-color;
            border: 1px solid  $--button-hover-primary-background-color;
        }

        button:nth-child(2) {
            margin-left: 16px;
        }


    }

}

.large {
    width: 700px;

    .el-message-box__btns {
        .el-button {
            min-width: 90px;
        }
    }

}

.small {
    width: 360px;
    height: 220px;

    .el-message-box__btns {
        .el-button {
            min-width: 90px;
        }
    }
}

/*  confirm end */

/* notify-success */
.el-notification {
    border: none;
    color:  $--color-white;
    border-radius: 2px;
    padding: 12px 26px 12px 13px;
    top: 68px !important;
    z-index: 100000 !important;
    max-width: 330px;
    width: auto;
    min-width: 100px;
    .el-notification__content,
    .el-notification__title,
    .el-notification__closeBtn {
        color:  $--color-white;
    }
    .el-notification__content {
        margin: 0;
        line-height: 22px;
    }
}

.el-notification.right {
    right: 0;

}

.notify-success {
    background: $--color-success;
}

.notify-error {
    background: $--color-danger;
    .el-icon-error {
        display: none !important;
    }
}
// 打开弹框给body加的样式覆盖掉
.el-popup-parent--hidden {
    padding-right: 0px !important;
}